/* 跳转列表页 */
$('.sel_inp_all>.sel_hote>.hot').click(function(){
    location.href = './list.html'
})
const id = window.localStorage.getItem("id")
const token = window.localStorage.getItem("token")
$.ajax({
    url:'http://localhost:8888/users/info',
    data:{id:id},
    headers:{authorization:token},
    success:function(res){
        console.log(res)
        if(res.code === 1){     
            $('.right_person>.right_person_cen .right_person_name').text(res.info.nickname)
        }
    },
    error:function(err){
        console.log(err)
    }
})
/* 搜索引擎 */
$('.sel_inp>div>input').on('input',function(){
    const text = this.value
    $.ajax({
        url:'/shop_sel',
        data:{
            ajax: 1,
            csrf_token: 'c319200382fddb6a3387f297dea14840',
            logid: 3439079469256432605,
            fid: '0,1633741091629',
            _: new Date().getTime(),
            q: text,
        },
        dataType:'json',
        success:function(res){
            console.log( res.data[1].data)
            const arr = res.data[1].data
            let text = ''
            if(!res.data){
                $('.sel_res').css('display','none')
            }else{
                arr.forEach(item=>{
                    text += `
                    <li>
                        <span>
                            ${item.word}
                        </span>
                        <p>
                            约${item.skuSize}个
                        </p>
                    </li>
                    `
                    
                })
                
                $(".sel_res").html(text)
            }    
        },
        error:function(err){
            $(".sel_res").html('暂无结果')
        }
    })
    
})
$('.sel_inp>div>input').focus(function(){
    $('.sel_res').css('display','block')
})
$('.sel_inp>div>input').blur(function(){
    $('.sel_res').css('display','none')
})
/* 厂家货源切换 */
$('.shopORfood>ul>li').click(function(){
    $(this).addClass('fouse').siblings().removeClass('fouse')
})
/* 轮播图左侧选项卡 */
$('.left_sort>ul>li').mouseover(function(){
    $(this).children('ul').css('display','block')
})
$('.left_sort>ul>li').mouseout(function(){
    $(this).children('ul').css('display','none')
})

/* 轮播图 */
var mySwiper = new Swiper ('.img_loop>.swiper-container', {
    loop: true, // 循环模式选项
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    autoplay:{
        delay:2000,
        disableOnInteraction:false,
    }
    
    
}) 
$('.img_loop').mouseover(function(){
    $('.img_loop .swiper-button-prev').css('display','block')
    $('.img_loop .swiper-button-next').css('display','block')
})     
$('.img_loop').mouseout(function(){
    $('.img_loop .swiper-button-prev').css('display','none')
    $('.img_loop .swiper-button-next').css('display','none')
})   
/* 轮播图右侧购物车 */
$('.right_person_one>.right_person_car').click(function(){
    location.href = './car.html'
})
/* 轮播图右侧 近期公告 选项卡 */
$('.per_tab').click(function(){
    $(this).addClass('right_person_active').siblings().removeClass('right_person_active')
    if($(this).index() === 0){
        $('.tab_bot_line').css('left',13)
    }
    if($(this).index() === 1){
        $('.tab_bot_line').css('left',74)
    }
    $('.right_person_tab>ol>li').eq($(this).index()).addClass('per_ol_active').siblings().removeClass('per_ol_active')
})

/* 五金必采 */
var swiper = new Swiper('.ironware>.swiper-container', {
    loop:true,
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
});
$('.ironware .swiper-container').mouseover(function(){
    $(this).children('.swiper-button-next').css('display','block')
    $(this).children('.swiper-button-prev').css('display','block')
})
$('.ironware .swiper-container').mouseout(function(){
    $(this).children('.swiper-button-next').css('display','none')
    $(this).children('.swiper-button-prev').css('display','none')
})

/* 
产业带直供
*/
$('.industry_title_tab>div>ul').on('click','li',function(){
    $(this).addClass('industry_tab_active').siblings().removeClass('industry_tab_active')
    $('.industry>ol>li').eq($(this).index()).addClass('industry_tab_show').siblings().removeClass('industry_tab_show')
})
$('.industry .icon-xiangyoujiantou').click(function(){
    $(this).css('cursor','not-allowed')
    $('.industry .icon-xiangzuojiantou').css('cursor','pointer')
    $('.industry_title_tab>div>ul').css('left',-152)
})
$('.industry .icon-xiangzuojiantou').click(function(){
    $(this).css('cursor','not-allowed')
    $('.industry .icon-xiangyoujiantou').css('cursor','pointer')
    $('.industry_title_tab>div>ul').css('left',0)
})
/* 渲染产业带直供标题 */
$.ajax({
    url:'/industry',
    data:{
        ajax: 1,
        csrf_token: 'c319200382fddb6a3387f297dea14840',
        logid: 3439147857973537095,
        fid: '0,1633926790448',
        _: new Date().getTime(),
    },
    success:function(res){
        const data = res.data.niceOrigin.tabList
        let text = ''
        data.forEach(item=>{
            text += `
            <li>
                <h3>${item.title}</h3>
                <p>${item.subTitle}</p>
            </li>
            `
        })
        $('.industry_title_tab>div>ul').html(text)
        $('.industry_title_tab>div>ul>li').first().addClass('industry_tab_active')
    },
    error:function(err){
        console.log(err)
    }
})
/* 渲染产业带直供下面内容 */
$.ajax({
    url:'/industry',
    data:{
        ajax: 1,
        csrf_token: 'c319200382fddb6a3387f297dea14840',
        logid: 3438987997701938731,
        fid: '0,1633926790448',
        _: new Date().getTime(),
    },
    success:function(res){
        const data = res.data.niceOrigin.itemList
        let text = ''
        data.forEach(item=>{
            text += `
            <div>
                <div>
                    <img src="${item.picUrl}" alt="">
                </div>
                <p>${item.fullName}</p>
                <span>¥${item.price}${item.pCurrency}</span>
            </div>
            `
        })
        $('.industry_tab_info').html(text)
    },
    error:function(err){
        console.log(err)
    }
})


/* 优选厂商和优选厂商下面四块的数据 */
$.ajax({
    url:'/test',
    data:{
        ajax: 1,
        csrf_token: 'c319200382fddb6a3387f297dea14840',
        logid: 3439122371445622501,
        fid: '0,1634000178581',
        _: new Date().getTime()
    },
    success:function(res){
        const li_title = res.data.niceEnt.tabList
        const ol_item = res.data.niceEnt.itemList
        /* 渲染优选厂商内的公司列表 */
        let itemText = ''
        ol_item.forEach(item=>{
            itemText +=`
            <li>
                <img src="${item.logo}" alt="">
                <h3>${item.entName}</h3>
                <div>
                    <img src="${item.prodList[0].picUrl}" alt="">
                    <img src="${item.prodList[1].picUrl}" alt="">
                    <img src="${item.prodList[2].picUrl}" alt="">
                </div>
                <a href="${item.jumpUrl}">进店&nbsp;></a>
            </li>
            `
        })
        $('.optimization_info>div>ol').css('width',ol_item.length * 335 )
        $('.optimization_info>div>ol').html(itemText)
        /* 渲染li标题内的文本 */
        let liText = ''
        li_title.forEach(item=>{
            liText += `
                <li>${item.title}</li>
            `
        })
        $('.optimization_title_tab>div>ul').css('width',li_title.length * 137 - 16)
        $('.optimization_title_tab>div>ul').html(liText)
        $('.optimization_title_tab>div>ul>li').first().addClass('optimization_tab_active')
        /* 优选厂商内的公司列表上左右箭头 */
        const olWidth = ol_item.length * 335
        const divWidth = $('.optimization_info>div').outerWidth()
        let flag = 1
        const times = olWidth / divWidth
        $('.optimization_info').mouseover(function(){
            $(this).children('i').css('display','block')
        })
        $('.optimization_info').mouseout(function(){
            $(this).children('i').css('display','none')
        })
        $('.optimization_info>.icon-xiangyoujiantou').click(function(){
            if(times - flag >= 1){
                flag ++
                $('.optimization_info>div>ol').css('left',-(flag-1)*divWidth)
            }else{
                $('.optimization_info>div>ol').css('left',-olWidth+divWidth)
            }
            
        })
        $('.optimization_info>.icon-xiangzuojiantou').click(function(){
            if(times - flag <= 1){
                flag --
                $('.optimization_info>div>ol').css('left',-flag*divWidth)
            }else{
                $('.optimization_info>div>ol').css('left',0)
            }
            
        })

        /* 渲染品类广场那四个板块 */
        const module = res.data.tradeFloor
        let moduleText = ''
        module.forEach(item=>{
            moduleText += `
            <div class="goods_module" style="background-image:url(${item.image})">
            <div class="goods_module_top">
                <h3>${item.title}</h3>
                <p>${item.subTitle}</p>
                <span></span>
                <div>
                    <p>${item.sugList[0]}</p>
                    <p>${item.sugList[1]}</p>
                    <p>${item.sugList[2]}</p>
                    <p>${item.sugList[3]}</p>
                </div>
            </div>
            <div class="goods_module_bottom">
                <ul>
                    <li class="goods_module_active">${item.tabList[0].title}</li>
                    <li>${item.tabList[1].title}</li>
                    <li>${item.tabList[2].title}</li>
                    <li>${item.tabList[3].title}</li>
                    <li>${item.tabList[4].title}</li>
                    <li>${item.tabList[5].title}</li>
                    <span></span>
                </ul>
                <div class="goods_module_info">
                    <span class="iconfont icon-xiangzuojiantou"></span>
                    <ol>
                        <li>
                            <div>
                                <img src="${item.itemList[0].picUrl}" alt="">
                            </div>
                            <p>
                                嵩县弥雾机消毒农用养殖果园  打药机弥雾机 背负式机动喷雾机
                            </p>
                            <span>
                                ¥1200.00
                            </span>
                        </li>
                        
                    </ol>
                    <span class="iconfont icon-xiangyoujiantou"></span>
                </div>
            </div>
        </div>
            
            
            `
        }) 
        $('.goods_square').html(moduleText)
        for (let t = 0; t < module.length; t++) {
            let olText = ''
            module[t].itemList.forEach(item=>{
                olText += `
                    <li>
                        <div>
                            <img src="${item.picUrl}" alt="">
                        </div>
                        <p>
                            ${item.fullName}
                        </p>
                        <span>
                            ¥${item.price}${item.pCurrency}
                        </span>
                    </li>
                `
            })
            $('.goods_module_info>ol').eq(t).html(olText)
            $('.goods_module_info>ol').eq(t).css('width',module[t].itemList.length * 124 -16)
        }
        const moduleol = ol_item.length * 335
        const moduleshow = $('.goods_module_info').outerWidth()
        const timer = moduleol / moduleshow
        let module_flag = 1
        $('.goods_module_info').mouseover(function(){
            $('.goods_module_info>span').css('display','block')
        })
        $('.goods_module_info').mouseout(function(){
            $('.goods_module_info>span').css('display','none')
        })
        $('.goods_module_info>.icon-xiangyoujiantou').click(function(){
            if(timer - module_flag >= 1){
                module_flag ++
                $(this).prev().css('left',-(module_flag-1)*559)
            }else{
                $(this).prev().css('left',moduleol-moduleshow)
            }    
        })
        $('.goods_module_info>.icon-xiangzuojiantou').click(function(){
            if(timer - module_flag <= 1){
                module_flag --
                $(this).next().css('left',-module_flag*559)
            }else{
                $(this).next().css('left',0)
            }
        })
        $('.goods_module_bottom>ul').on('click','li',function(){
            $(this).siblings('span').css('left',34 + $(this).index()*84)
            $(this).addClass('goods_module_active').siblings().removeClass('goods_module_active')
        })
        
    },
    error:function(err){
        console.log(err)
    }
})
/* 优选厂商标题左右点击 */
$('.optimization>.optimization_title_tab>.icon-xiangyoujiantou').click(function(){
    $(this).css('cursor','not-allowed')
    $('.optimization>.optimization_title_tab>.icon-xiangzuojiantou').css('cursor','pointer')
    $('.optimization_title_tab>div>ul').css('left',-271)
})
$('.optimization>.optimization_title_tab>.icon-xiangzuojiantou').click(function(){
    $(this).css('cursor','not-allowed')
    $('.optimization>.optimization_title_tab>.icon-xiangyoujiantou').css('cursor','pointer')
    $('.optimization_title_tab>div>ul').css('left',0)
})
$('.optimization_title_tab>div>ul').on('click','li',function(){
    $(this).addClass('optimization_tab_active').siblings().removeClass('optimization_tab_active')
    
})
$('.recommendbox>ul>li').mouseover(function(){
    $(this).children('h4').css('opacity',1)
})
$('.recommendbox>ul>li').mouseout(function(){
    $(this).children('h4').css('opacity',0)
})
$('.right_nav_top>div').mouseover(function(){
    $(this).children(':first').css('display','block')
})
$('.right_nav_top>div').mouseout(function(){
    $(this).children(':first').css('display','none')
})
$('.right_nav_bottom>div').mouseover(function(){
    $(this).children(':first').css('display','block')
})
$('.right_nav_bottom>div').mouseout(function(){
    $(this).children(':first').css('display','none')
})
/* 返回顶部 */
$('.right_nav_bottom>.go_top').click(function(){
    $('html,body').animate({scrollTop:0},500)
})
/* 右侧导航栏购物车 */
$('.right_nav_top>.right_nav_car').click(function(){
    location.href =  './car.html'
})
/* 楼层导航 */
$('.floor_nav>ul>li').click(function(){
    if($(this).index() === 0){
        $('html,body').animate({scrollTop:600},0)
    }
    if($(this).index() === 1){
        $('html,body').animate({scrollTop:930},0)
    }
    if($(this).index() === 2){
        $('html,body').animate({scrollTop:1260},0)
    }
    if($(this).index() === 3){
        $('html,body').animate({scrollTop:1928},0)
    }
    if($(this).index() === 4){
        $('html,body').animate({scrollTop:2400},0)
    }
    if($(this).index() === 5){
        $('html,body').animate({scrollTop:3412},0)
    }
    $(this).addClass('floor_nav_active').siblings().removeClass('floor_nav_active')
})
$(document).scroll(function(){
    const scrollTop = $(document).scrollTop()
    if(scrollTop >= 500){
        $('.floor_nav').css('display','block')
    }else{
        $('.floor_nav').css('display','none')
    }
    if(scrollTop > 600 && scrollTop <= 930){
        $('.floor_nav>ul>li').eq(0).addClass('floor_nav_active').siblings().removeClass('floor_nav_active')
    }
    if(scrollTop > 930 && scrollTop <= 1260){
        $('.floor_nav>ul>li').eq(1).addClass('floor_nav_active').siblings().removeClass('floor_nav_active')
    }
    if(scrollTop > 1260 && scrollTop <= 1928){
        $('.floor_nav>ul>li').eq(2).addClass('floor_nav_active').siblings().removeClass('floor_nav_active')
    }
    if(scrollTop > 1928 && scrollTop <= 2400){
        $('.floor_nav>ul>li').eq(3).addClass('floor_nav_active').siblings().removeClass('floor_nav_active')
    }
    if(scrollTop > 2400 && scrollTop <= 3412){
        $('.floor_nav>ul>li').eq(4).addClass('floor_nav_active').siblings().removeClass('floor_nav_active')
    }
    if( scrollTop > 3412){
        $('.floor_nav>ul>li').eq(5).addClass('floor_nav_active').siblings().removeClass('floor_nav_active')
    }
})




